<script> 
 
$(document).ready(function(){
$("#formMpOubli").hide();
  $("#mpOubli").click(function(){
    $("#formMpOubli").slideToggle("slow");
  });
});
</script>

<?php 
		$maj = $titre{0}; //recupere la premiere lettre
		$long = strlen($titre); 
		$txt = substr($titre,1,$long);	//puis le reste du text
?>

  <div id='connexionForm'>
    <form>
		<fieldset class="fomulaire">
			<?php
				echo"<legend><h2><mark class='maj'>".$maj."</mark>".$txt."</h2></legend>";//affichage du titre 
			?>
			<div id="formCo">
				<label for="pseudo">Votre pseudo :</label>
				<input type="text" name="pseudo" id="pseudo" autofocus required /><br>
				
				<label for="pass">Votre mot de passe :</label>
				<input type="password" name="pass" id="pass" required /><br>
				
				<input id="boutonCo" type="submit" value="Envoyer" />
				<?php
					if ($titre==='Connexion'){
						echo"<div id='mpOubli'><p>mot de passe oublié?</p></div>";
					}
				?>
			</div>	
				<?php
					if ($titre==='Connexion'){
						echo"
							<div id='switch'>
								<p>Pas encore inscrit? </p>
								<p>Realiser votre inscription en quelques cliques!</p>
								<a id='inscription' href='./inscription.php'>+Inscription</a>
							</div>";
					}
					if ($titre==='Inscription'){
						echo"
							<div id='switch'>
								<p>Vous avez déjà un compte?</p>
								<a id='connexion' href='./connexion.php'>Connexion</a>
							</div>";
					}
				?>
		</fieldset>
		
    </form>

  </div>
  <div id="formMpOubli">
	 <form>
		<fieldset class="fomulaire" >
			<legend>Mot de passe oublié</legend>
				<label for="pseudo">Votre pseudo :</label>
				<input type="text" name="pseudo" id="pseudo" required /><br>
				
				<input id="boutonCo" type="submit" value="Envoyer" />
				
		</fieldset>
		
    </form>
  </div>
  
  